<script setup lang="ts">
import { ref } from 'vue';

const testColor = ref('gold')
</script>

<template>
  <div>
    <div class="park-building-page">park-building</div>
    <div v-myColor="'red'">测试自定义指令1</div>
    <div v-my-color="'blue'">测试自定义指令2</div>
    <div v-my-color="testColor">测试自定义指令3{{ testColor }}</div>
    <button @click="testColor = 'green'">按钮1</button>
    <button @click="testColor = 'skyblue'">按钮2</button>

    <div v-auth="'*:*:*'">超级管理员</div>
    <div v-auth="'a:b:c'">a:b:c</div>
    <div v-auth="'parking:card:recharge'">parking:card:recharge</div>
  </div>

</template>

<style lang="scss" scoped></style>
